<template>
  <div>
    <div class="card pb-5">
      <div class="card-body">
        <div class="mb-3 clearfix">
          <h4 class="float-left font-weight-bold">产业分析</h4>
          <select-address
            :auto-top="true"
            class="float-right"
            v-model="addressCode"
          ></select-address>
        </div>

        <h5>产业主体分析</h5>
        <p class="text-muted">
          分析产业各类主体的数量的占比情况，可综合考虑是否重点发展一类或几类产业。
        </p>
        <hr />
        <div class="row">
          <div class="col-lg-8">
            <chart-farm-category :address-code="addressCode"></chart-farm-category>
          </div>
          <div class="col-lg-4">
            <chart-farm-org :address-code="addressCode"></chart-farm-org>
          </div>
        </div>

        <!-- <h5 class="mt-5">产业可品牌化</h5>
        <p class="text-muted">产值占比越高，说明地区产业越集中，可以考虑做区域性品牌。反之，若占比跨度较大，可以考虑综合发展产业。</p>
        <hr>

        <chart-ov-top :address-code="addressCode"></chart-ov-top>
        <chart-ov-ratio :address-code="addressCode"></chart-ov-ratio> -->
      </div>
    </div>
  </div>
</template>
<script>
import SelectAddress from '@/components/select/SelectAddress'
import ChartFarmCategory from '@/credit/components/chart/ChartFarmCategory'
import ChartFarmOrg from '@/credit/components/chart/ChartFarmOrg'
// import ChartOvTop from '@/credit/components/chart/ChartOvTop'
// import ChartOvRatio from '@/credit/components/chart/ChartOvRatio'

export default {
  components: {
    SelectAddress,
    ChartFarmCategory,
    ChartFarmOrg,
    // ChartOvTop,
    // ChartOvRatio
  },
  props: {},
  data() {
    return {
      addressCode: '',
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
}
</script>
<style scoped></style>
